.cate {
    padding-top: 100px;

    .top {
        background-color: #fff;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100;

        .search {
            padding: 10px;
        }
    }

    .main {
        display: flex;
        background-color: #fff;


        .left {
            width: 100px;
            height: 520px;
            overflow-y: auto;
            // margin-bottom: 100px;

            .box {
                height: 50px;
                text-align: center;
                line-height: 50px;
                background-color: #eee;
            }

            .box.active {
                color: red;
                background-color: white;
            }
        }

        .rigth {
            width: 70%;
            height: 520px;
            overflow-y: auto;
            margin-left: 5px;
            h2{
                margin: 10px;
            }
            .box2 {
                // height: 100px;
                // background-color: red;
                display: flex;
                margin: 20px 0;

                img {
                    width: 25%
                }

                .name {
                    padding-top: 10px;
                    margin-left: 5px;
                }
            }

        }
    }
}